﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TeamIndex.aspx.cs" Inherits="OnlineCooperation.TeamIndex" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TeamIndex</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <!--<link rel="stylesheet" type="text/css" href="css/jquery.pageslide.css" />-->
    <link href="css/s.css" rel="stylesheet" />
    <style>
        body
        {
            padding-top: 60px;
            padding-bottom: 40px; /*background: rgb(246,249,253);*/
            background: url(img/brickwall.png) repeat 0 0;
            font: 14px/18px "HelveticaNeue" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
            color: rgb(246,249,253);
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: none;
        }
        
        /* Custom container */
        .container-narrow
        {
            margin: 0 auto;
            max-width: 1140px;
        }
        
        .container-narrow > hr
        {
            margin: 30px 0;
        }
        
        /*
        .subMenu2
        {
            position: absolute;
            top: 580px;
            height: 50px;
            z-index: 1000;
            width: 100%;
            max-width: 1100px;
            min-width: 960px;
            background: #fff;
            opacity: 0.8;
        }*/
        
        .team-box
        {
            width: 200px;
            height: 200px;
            background-color: #fff;
        }
        .team-container
        {
            margin-top: 100px;
        }
        .ec-circle
        {
            height: 200px; 
            text-align: center;
            overflow: hidden;
            box-shadow: inset 0 0 1px 230px rgba(34,105,189,0.6), inset 0 0 0 7px rgb(34,105,189);
            transition: box-shadow 400ms ease-in-out;
            display: block;
            outline: none;
        }
        
        .ec-circle-hover
        {
            box-shadow: inset 0 0 0 0 rgba(34,105,189,0.6), inset 0 0 0 20px rgb(246,249,253), 0 0 10px rgba(34,105,189,0.3);
        }
        
        .ec-circle:hover
        {
            box-shadow: inset 0 0 0 0 rgba(34,105,189,0.6), inset 0 0 0 20px rgb(246,249,253), 0 0 10px rgba(34,105,189,0.3);
        }
        .ec-circle h3 {
            color: #000000;
            font-size: 30px;
            line-height: 150px;
            text-shadow: 0px 0px 100px #fff;
            text-transform: uppercase;
            -webkit-transition: text-shadow 400ms ease-in-out;
            -moz-transition: text-shadow 400ms ease-in-out;
            -o-transition: text-shadow 400ms ease-in-out;
            -ms-transition: text-shadow 400ms ease-in-out;
            transition: text-shadow 400ms ease-in-out;
        }

    </style>
</head>
<body>
    <form id="TeamIndexForm" runat="server">
    <asp:LinkButton ID="BtnCallback" runat="server"></asp:LinkButton>

    <div class="container-narrow">
        <div class="subMenu2">            
            <div class="navbar navbar-static">
                <div class="navbar-inner">
                    <div class="container" style="width: auto;">
                        <a id="sTop" class="brand" href="#"><%=Session["UserName"] %></a>
                        <ul class="nav" role="navigation">
                            <li class="dropdown">
                                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">个人信息</a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                                    <li role="presentation"><a role="menuitem" tabindex="-1" href="ResetUserInfo.aspx">修改基本信息</a></li>                                  
                                    <li role="presentation" class="divider"></li>
                                    <li role="presentation"><a role="menuitem" tabindex="-1" href="ResetPwd.aspx">修改密码</a></li>
                                </ul>
                            </li>
                            <li><a href="TeamIndex.aspx" id="s1" class="subNavBtn" role="button">团队信息</a></li>
                            <li><a href="PersonalFile.aspx" id="s2" class="subNavBtn" role="button" >个人文件管理</a></li>
                            
                        </ul>
                        <ul class="nav pull-right">
                                <li><a href="HomePageJump.aspx" target="_parent" class="dropdown">返回首页</a></li>
                                
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <%int i = -1; %>
            <%foreach (OnlineCooperation.Entity.Team t in tlist)
              { %>
            <% i++; %>
            <% string str = "__doPostBack('viewteam_click','" + i.ToString() + "')";%>
            <div class="span3 team-container" onclick="<%=str %>">
                
                <div class="ec-circle">
                    <h3>
                        <%=t.Name %></h3>
                </div>
            </div>
            <%} %>
            <div class="span3 team-container" onclick="__doPostBack('createteam_click','')">
                <div class="ec-circle">
                    <h3>
                        +</h3>
                </div>
            </div>
        </div>
    </div>
    </form>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/html5shiv.js"></script>
    <script src="js/Circle.js"></script>
    <script src="js/jquery.pageslide.min.js"></script>
    <script>
        $(".first").pageslide();
    </script>
    <script type="text/javascript">
        $('#circle').circlemouse({
            onMouseEnter: function (el) {
                el.addClass('ec-circle-hover');
            },
            onMouseLeave: function (el) {
                el.removeClass('ec-circle-hover');
            },
            onClick: function (el) {
                alert('clicked');
            }
        });
    </script>
    <script type="text/javascript">
        function Sub() {
            $.ajax({
                type: "POST",
                url: "Logout.ashx", //获取服务器路径\
                async: false, //必须设为同步才能得到正确的值 ！！！
                success: function (data) {
                    window.location.href = "Login.aspx";
                }

            })
        }
    </script>

</body>
</html>
